<!DOCTYPE html>
<html id="video">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>Angle - Bootstrap Admin Template</title>

    <!-- =============== VENDOR STYLES ===============-->

    <!-- FONT AWESOME-->
    <link rel="stylesheet" href="./public/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="./public/simple-line/css/simple-line-icons.css">


    <!-- Bootstrap core CSS -->
    <link rel="stylesheet" href="./public/bootstrap/css/bootstrap.min.css">

    <!-- Font Awesome -->

    <link rel="stylesheet" href="./public/css/main.app.css">


    <script src="./public/javascripts/jquery-2.1.4.min.js"></script>

</head>

<body>

<!-- wrapper -->
<div class="wrapper">

    <header class="topnavbar-wrapper">
        <!-- START Top Navbar-->
        <nav class="topnavbar">
            <!-- logo -->
            <a class="icon-back" href="#">
                <i class="fa fa-mail-reply fontSize24 text-gray-6"></i>
            </a>
            <!-- logo -->

            <h4 class="topnavbar-title">确认支付</h4>

            <!-- START Right Navbar-->
            <ul class="nav navbar-nav navbar-right">
                <li>
                    <a href="#">
                        <i class="fa fa-download"></i>
                    </a>
                </li>
                <li>
                    <a href="#user-block" id="user-block-toggle">
                        <i class="icon-user"></i>
                    </a>
                </li>

            </ul>
            <!-- END Right Navbar-->
        </nav>
        <!-- END Top Navbar-->
    </header>


    <!-- START videoInfo-->
    <section>
        <div class="content-wrapper container videoInfo pd1 bottom-bottom10">
            <div class="row">

                <!-- START videoInfo left-->
                <div class="col-lg-5 col-sm-5 col-xs-5">
                    <div class="full-content relative video-img">
                        <img src="./public/images/videoimg.png"/>
                    </div>
                </div>
                <!-- END videoInfo left-->

                <!-- START videoInfo right-->
                <div class="col-lg-7 col-sm-7 col-xs-7 video-n-pad">
                    <div class="video-box relative">
                        <h4 class="video-name">疯狂动物城</h4>
                        <ul class="video-infos relative">
                            <li>导演：拜伦·霍华德/瑞奇·摩尔/杰拉德·布什</li>
                            <li>主演：金妮弗·古德温/杰森·贝特曼</li>
                            <li>喜剧 动作 动画 冒险</li>
                            <li>美国/109分钟</li>
                            <li>2016-03-04大陆上映</li>
                        </ul>
                        <div class="absolute video-score"><i class="fa fa-star-o"></i> <span>评分：9.5</span></div>

                    </div>
                </div>
                <!-- END videoInfo right-->

            </div>
        </div>
    </section>
    <!-- END videoInfo-->



    <!-- START videoDpi-->
    <section>
        <div class="content-wrapper container videoDpi pd1 bottom-bottom10">
            <div class="row">

                <!-- START videoBrief-info left-->
                <div class="col-lg-12 col-sm-12 col-xs-12">
                    <div class="full-content relative">
                        <ul>
                            <li>清晰度：4K  3D</li>
                            <li>声音规格：杜比环绕声</li>
                            <li>影片大小：5G</li>
                        </ul>
                    </div>
                </div>
                <!-- END videoBrief-info left-->

            </div>
        </div>
    </section>
    <!-- END videoDpi-->




    <!-- START Payment-->
    <section>
        <div class="content-wrapper Payment container pd1 bottom-bottom10">
            <h4 class="content-title">
                购买说明
            </h4>

            <div class="row">
                <div class="col-lg-12 col-sm-12 col-xs-12">
                    <div class="full-content relative payinfo">
                        当您确认支付后，该片将迅速获取下载授权，并开始离线下载，影片将存储在4K盒子里，下载完成后，可以用电视遥控器直接操作盒子并播放电影
                    </div>
                </div>


            </div>
        </div>
    </section>
    <!-- END Payment-->


    <!-- START PaymentSecure-->
    <section>
        <div class="content-wrapper PaymentSecure container pd3 bottom-bottom10">
            <div class="row">
                <div class="col-lg-12 col-sm-12 col-xs-12">
                    <div class="full-content relative text-center">
                        您支付<span class="text-red">15RMB</span>后即可下载拥有该影片
                    </div>
                </div>


            </div>
        </div>
    </section>
    <!-- END PaymentSecure-->

    <section class="navbar-fixed-bottom">
        <div class="content-wrapper">
            <a href="download.html" class="btn-down" id="SecurePayment">确认支付</a>
        </div>
    </section>



</div>
<!-- END wrapper -->


</body>


<!-- script -->
<script src="./public/data/data.js"></script>
<script src="./public/data/listData.js"></script>
<script src="./public/javascripts/special.js"></script>

<script> getPaymentInfo() </script>
<!-- script -->



</html>
